<template>
  <div style="border: 3px solid #000;margin: 10px;">
    我是App组件
    <!-- 父组件 对消息进行监听 -->
    <SonComponts :title="myTitle" @changeTitle="changeFn"></SonComponts>
  </div>
</template>

<script>
import SonComponts from './components/SonComponts.vue';
export default {
  data(){
    return{
      myTitle:'我是小明',
    }
  },
  components:{
    SonComponts
  },
  methods:{
    //提供处理函数，形参中获取数据
    changeFn(newTitle){
      this.myTitle = newTitle
    }
  }
}
</script>

<style>

</style>